<link href="https://cdn.bootcdn.net/ajax/libs/csshake/1.5.3/csshake.min.css" rel="stylesheet">
<style type="text/css">
	.shake-ani{
		width: 150px;
		height: 150px;
		line-height: 150px;
		text-align: center;
		background-color: #009688;
		cursor: pointer;
		color: #fff;
		margin: 30px;
		border-radius: 50%;
	}
</style>



<!-- 文档地址 https://elrumordelaluz.github.io/csshake/ -->
<ul style="list-style: none;padding: 1px;margin:0;display: flex;justify-content: space-around;flex-wrap: wrap;">
	<li>
		<div class="shake-ani shake">基本震动</div>
	</li>
	<li>
		<div class="shake-ani shake-slow">慢摇</div>
	</li>
	<li>
		<div class="shake-ani shake-little">小摇</div>
	</li>
	<li>
		<div class="shake-ani shake-hard">硬摇</div>
	</li>
	<li>
		<div class="shake-ani shake-horizontal">水平摇</div>
	</li>
	<li>
		<div class="shake-ani shake-vertical">垂直摇</div>
	</li>
	<li>
		<div class="shake-ani shake-rotate">旋转摇</div>
	</li>
	<li>
		<div class="shake-ani shake-opacity">不透明度摇</div>
	</li>
	<li>
		<div class="shake-ani shake-crazy">疯狂摇</div>
	</li>
	<li>
		<div class="shake-ani shake-slow shake-constant">不断摇</div>
	</li>
	<li>
		<div class="shake-ani shake-chunk">块震动</div>
	</li>
	<li>
		<div class="shake-ani shake-slow shake-constant shake-constant--hover">鼠标移入停止摇</div>
	</li>
</ul>